@charset "utf-8";
main{
	width: 100%;
	height: 5600px;
	background: #f5f5f5;
}
main nav{
	width: 1110px;
	height: 90px;
	background: #fff;
	margin: 0 auto;
	position: relative; 
	z-index: 1000;
}
main nav div.nav_left{
	width: 700px;
	float: left;
}
main nav div.nav_left div.tu{
	float: left;
	line-height: 90px;
	margin-top: 10px;
}
main nav div.nav_left ul li{
	float: left;
}
main nav div.nav_left ul li a{
	line-height: 90px;
	padding: 0 6px;
}
main nav div.nav_left ul li a:hover{
	color: #ff6700
}
main nav div.nav_right{
	float: right;
	width: 300px;
	height: 48px;
	border: 1px #e0e0e0 solid;
	margin-top: 25px;
	line-height: 90px;
}
main nav div.nav_right div.search{
	float: right;
	width: 50px;
	height: 48px;
	border-left: 1px #e0e0e0 solid;
	line-height: 48px;
}
main nav div.nav_right div.search img{
	margin-left: 17px;
}
main nav div.nav_right div.box ul li{
	float: right;
}
main nav div.nav_right div.box ul li a{
	font-size: 12px;
	color: #757575;
	margin-top: 14px;
	margin-right: 10px;
	background-color: #eee;
	padding: 3px 5px;
	line-height: 45px;
}
main nav div.nav_right div.box ul li a:hover{
	background-color: #ff6700;
	color: #fff;
}
/* ---------左栏区------------------------------------ */
main div.wrap aside{
	width: 227px;
	height: 415px;
	background: #d9d9d9;
	margin: 20px 50px;
}
main div.wrap aside ul.sidebar li{
	width: 197px;
	height: 37px;
	position: relative;
	float: left;
	line-height: 50px;
	top: 15px;
	padding-left: 30px;
}
main div.wrap aside ul.sidebar li:hover{
	background: #f7f8fc;
	display: block;
}
main div.wrap aside ul.sidebar div.out{
	width: 400px;
	height: 415px;
	position: absolute;
	left: 285px;
	display: block;
}
main div.wrap aside ul.sidebar li span{
	float: right;
	padding-right: 13px;
	line-height: 50px;
}
/* --------------轮播图 */
main div.wrap{
	width: 1110px;
	height: 530px;
	margin: 0 auto;
	position: relative;
	top: -20px;
	left: -50px;
}
main div.wrap figure{
	width: 883px;
	height: 415px;
	float: right;
	position: relative;
	top: -459px;
	left: 50px;
}
main div.wrap figure div#container div.banner {
	margin-top: 25px;
	margin-left: 1px;
}
main div.wrap figure div#container div.banner ul li{
	width: 883px;
	height: 415px;
}
main div.wrap figure div#container div.banner ul li img{
	width: 883px;
	height: 415px;
}
/* ----------------------------------- */
main div.wrapper_3{
	width: 1110px;
	height: 153px;
	margin: 0 auto;
	margin-top: 321px;
}
main div.wrapper_3 ul li{
	float: left;
	margin-left: 16.9px;
}
main div.wrapper_3 ul li img{
	width: 283px;
	height: 153px;
}
main div.wrapper_3 ul li img.left{
	width: 210px;
	height: 153px;
}
main div.wrapper_3 ul li:first-child{
	margin-left: 0;
}
main div.wrapper_3 ul li.one:hover{
	filter: drop-shadow(0 0 8px #a0a0a0);
}
/* -----------------------------小米明星单品 */
main div.star{
	width: 1110px;
	height: 392px;
	margin: 0 auto;
}
main div.star div.single{
	float: left;
	margin-bottom: 19px;
	width: 1110px;
	font-size: 24px;
	color: #333;
}
main div.star div.single div.right1{
	float: right;
	width: 35px;
	height: 25px;
	border: 1px solid #e0e0e0;
	text-align: center;
	line-height: 25px;
	color: #333;
}
main div.star div.single div.left1{
	float: right;
	width: 35px;
	height: 25px;
	border-left: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	text-align: center;
	line-height: 25px;
	color: #333;
}
main div.star div.single div.right1:hover{
	background: #666;
}
main div.star div.single div.left1:hover{
	background: #666;
}
main div.star div.star_bottom{
	margin: 15px 0;
	text-align: center;
}
main div.star div.star_bottom dl{
	float: left;
	background: #fafafa;
	width: 211px;
	height: 306px;
	margin-left: 13.4px;
}
main div.star div.star_bottom dl.wk1{
	border-top: 1px solid #ffaa00;
	margin-left: 0;
}
main div.star div.star_bottom dl.wk2{
	border-top: 1px solid #83c44e;
}
main div.star div.star_bottom dl.wk3{
	border-top: 1px solid #2196f3;
}
main div.star div.star_bottom dl.wk4{
	border-top: 1px solid #e53935;
}
main div.star div.star_bottom dl.wk5{
	border-top: 1px solid #00c0a5;
}
main div.star div.star_bottom dl dt img{
	margin: 25px auto;
}
main div.star div.star_bottom dl dt img.chazuo{
	margin: 46px auto;
}
main div.star div.star_bottom dl dt img.chaban{
	margin: 75px auto;
}
main div.star div.star_bottom dl dd{
	color: #333;
	margin-top: 8px;
}
main div.star div.star_bottom dl dd.product_content{
	color: #afafaf;
	font-size: 12px
}
main div.star div.star_bottom dl dd.product_price{
	color: #ff6709;
	font-size: 12px
}
/* ---------------智能硬件----------------------------------------------- */
main div.smart_hardware{
	margin: 0 auto;
	width: 1110px;
	height: 741px;
}
main div.smart_hardware div.hardware{
	margin-bottom: 19px;
	margin-top: 76px;
	font-size: 24px;
	color: #333;
}
main div.smart_hardware div.hardware img{
	float: right;
}
main div.smart_hardware div.hardware a{
	float: right;
	font-size: 18px;
	margin-right: 10px;
	color: #333;
}
/* ----- */
main div.smart_hardware div.hardware_bottom{
	height: 741px;
	width: 1110px;
}
main div.smart_hardware div.hardware_bottom div.hardware_left{
	height: 614px;
	width: 213px;
	float: left;
}
main div.smart_hardware div.hardware_bottom div.hardware_left img{
	margin: 0;
}
main div.smart_hardware div.hardware_bottom div.hardware_left p{
	position: relative;
	text-align: center;
}
main div.smart_hardware div.hardware_bottom div.hardware_left p.d1{
	top: -587px;
	font-size: 24px;
	color: #333;
}
main div.smart_hardware div.hardware_bottom div.hardware_left p.d2{
	top: -573px;
	font-size: 16px;
	color: #333;
}
main div.smart_hardware div.hardware_bottom div.hardware_left p.d3{
	font-size: 30px;
	color: #00a8ff;
	top: -539px;
}
main div.smart_hardware div.hardware_bottom div.hardware_left p.d3 a{
	color: #00a8ff;
	font-size: 14px;
	margin-left: -7px;
}
main div.smart_hardware div.hardware_bottom div.hardware_right{
	width: 888px;
	height: 614px;
	bac kground: #ff55ff;
	float: right;
}
main div.smart_hardware div.hardware_bottom div.hardware_right dl{
	width: 192px;
	height: 300px;
	float: left;
	background: #fff;
	margin-left: 30px;
	margin-bottom: 14px;
	text-align: center;
}
main div.smart_hardware div.hardware_bottom div.hardware_right dl dt img{
	margin: 15px auto;
}
main div.smart_hardware div.hardware_bottom div.hardware_right dl dt img.scale{
	margin: 68px auto;
}
main div.smart_hardware div.hardware_bottom div.hardware_right dl dd{
	color: #333;
	margin-top: 8px;
}
main div.smart_hardware div.hardware_bottom div.hardware_right dl dd.product_content{
	color: #afafaf;
	font-size: 12px
}
main div.smart_hardware div.hardware_bottom div.hardware_right dl dd.product_price{
	color: #ff6709;
	font-size: 12px
}
main div.smart_hardware div.hardware_bottom div.hardware_right dl:hover{
	filter: drop-shadow(0 0 8px #a0a0a0);
	transform: translateY(-1px)
}
/* -----------搭配---------------------------- */
main div.dapei{
	margin: 0 auto;
	width: 1110px;
	height: 741px;
}
main div.dapei div.dapei_top{
	float: left;
	margin-bottom: 19px;
	width: 1110px
}
main div.dapei div.dapei_top div.text{
	font-size: 24px;
	color: #333;
	margin-top: 10px;
	width: 300px;
}
main div.dapei div.dapei_top ul{
	margin-top: -25px;
}
main div.dapei div.dapei_top ul li{
	float: right;
}
main div.dapei div.dapei_top ul li a{
	margin-right: 30px;
	font-size: 18px;
	color: #333;
}
main div.dapei div.dapei_top ul li a:hover{
	color: #ff6709;
	text-decoration: underline;
}
main div.dapei div.dapei_bottom{
	height: 741px;
	width: 1110px;
}
main div.dapei div.dapei_bottom dl dt img.safe{
	margin: 68px auto;
}
main div.dapei div.dapei_bottom dl dt img.left1{
	width: 210px;
	height: 270px;
	margin-top: 0px;
}
main div.dapei div.dapei_bottom dl{
	height: 270px;
	width: 210px;
	background: #fff;
	float: left;
	margin-left: 15px;
	margin-bottom: 14px;
	text-align: center;
}
main div.dapei div.dapei_bottom dl.first{
	margin-left: 0px;
}
main div.dapei div.dapei_bottom dl dt img.bottom{
	height: 128px;
	width: 207px;
}
main div.dapei div.dapei_bottom dl dd{
	color: #333;
	margin-top: 8px;
}
main div.dapei div.dapei_bottom dl dd.product_content{
	color: #afafaf;
	font-size: 12px
}
main div.dapei div.dapei_bottom dl dd.product_price{
	color: #ff6709;
	font-size: 12px
}
main div.dapei div.dapei_bottom dl dt img{
	margin: 15px auto;
}
main div.dapei div.dapei_bottom dl.dpl{
	background: #f5f5f5;
}
main div.dapei div.dapei_bottom dl.dpl dt img.bottom{
	margin: 0 auto;
}
main div.dapei div.dapei_bottom dl.dpl dt:last-child {
	margin-top: 9px;
}
main div.dapei div.dapei_bottom dl:hover{
	filter: drop-shadow(0 0 8px #a0a0a0);
	transform: translateY(-1px)
}
/* ---------------------周边------------------------- */
main div.zhoubian{
	margin: 0 auto;
	width: 1110px;
	height: 741px;
}
main div.zhoubian div.zhoubian_top{
	float: left;
	margin-bottom: 19px;
	width: 1110px
}
main div.zhoubian div.zhoubian_top div.text{
	font-size: 24px;
	color: #333;
	margin-top: 10px;
	width: 300px;
}
main div.zhoubian div.zhoubian_top ul{
	margin-top: -25px;
}
main div.zhoubian div.zhoubian_top ul li{
	float: right;
}
main div.zhoubian div.zhoubian_top ul li a{
	margin-right: 30px;
	font-size: 18px;
	color: #333;
}
main div.zhoubian div.zhoubian_top ul li a:hover{
	color: #ff6709;
	text-decoration: underline;
}
main div.zhoubian div.zhoubian_bottom{
	height: 741px;
	width: 1110px;
}
main div.zhoubian div.zhoubian_bottom dl dt img.left1{
	width: 210px;
	height: 270px;
	margin-top: 0px;
}
main div.zhoubian div.zhoubian_bottom dl{
	height: 270px;
	width: 210px;
	background: #fff;
	float: left;
	margin-left: 15px;
	margin-bottom: 14px;
	text-align: center;
}
main div.zhoubian div.zhoubian_bottom dl.first{
	margin-left: 0px;
}
main div.zhoubian div.zhoubian_bottom dl dt img.bottom{
	height: 128px;
	width: 207px;
}
main div.zhoubian div.zhoubian_bottom dl dd{
	color: #333;
	margin-top: 8px;
}
main div.zhoubian div.zhoubian_bottom dl dd.product_content{
	color: #afafaf;
	font-size: 12px
}
main div.zhoubian div.zhoubian_bottom dl dd.product_price{
	color: #ff6709;
	font-size: 12px
}
main div.zhoubian div.zhoubian_bottom dl dt img{
	margin: 15px auto;
}
main div.zhoubian div.zhoubian_bottom dl.dpl{
	background: #f5f5f5;
}
main div.zhoubian div.zhoubian_bottom dl.dpl dt img.bottom{
	margin: 0 auto;
}
main div.zhoubian div.zhoubian_bottom dl.dpl dt:last-child {
	margin-top: 9px;
}
main div.zhoubian div.zhoubian_bottom dl:hover{
	filter: drop-shadow(0 0 8px #a0a0a0);
	transform: translateY(-1px)
}
/* -----------------配件------------------------------------- */
main div.peijian{
	margin: 0 auto;
	width: 1110px;
	height: 741px;
}
main div.peijian div.peijian_top{
	float: left;
	margin-bottom: 19px;
	width: 1110px
}
main div.peijian div.peijian_top div.text{
	font-size: 24px;
	color: #333;
	margin-top: 10px;
	width: 300px;
}
main div.peijian div.peijian_top ul{
	margin-top: -25px;
}
main div.peijian div.peijian_top ul li{
	float: right;
}
main div.peijian div.peijian_top ul li a{
	margin-right: 30px;
	font-size: 18px;
	color: #333;
}
main div.peijian div.peijian_top ul li a:hover{
	color: #ff6709;
	text-decoration: underline;
}
main div.peijian div.peijian_bottom{
	height: 741px;
	width: 1110px;
}
main div.peijian div.peijian_bottom dl dt img.left1{
	width: 210px;
	height: 270px;
	margin-top: 0px;
}
main div.peijian div.peijian_bottom dl{
	height: 270px;
	width: 210px;
	background: #fff;
	float: left;
	margin-left: 15px;
	margin-bottom: 14px;
	text-align: center;
}
main div.peijian div.peijian_bottom dl.first{
	margin-left: 0px;
}
main div.peijian div.peijian_bottom dl dt img.bottom{
	height: 128px;
	width: 207px;
}
main div.peijian div.peijian_bottom dl dd{
	color: #333;
	margin-top: 8px;
}
main div.peijian div.peijian_bottom dl dd.product_content{
	color: #afafaf;
	font-size: 12px
}
main div.peijian div.peijian_bottom dl dd.product_price{
	color: #ff6709;
	font-size: 12px
}
main div.peijian div.peijian_bottom dl dt img{
	margin: 15px auto;
}
main div.peijian div.peijian_bottom dl.dpl{
	background: #f5f5f5;
}
main div.peijian div.peijian_bottom dl.dpl dt img.bottom{
	margin: 0 auto;
}
main div.peijian div.peijian_bottom dl.dpl dt:last-child {
	margin-top: 9px;
}
main div.peijian div.peijian_bottom dl:hover{
	filter: drop-shadow(0 0 8px #a0a0a0);
	transform: translateY(-1px)
}
/* ------------热评产品-------------- */
main div.hot_product{
	margin: 0 auto;
	width: 1110px;
	height: 500px;
}
main div.hot_product div.product_text{
	float: left;
	width: 1110px;
	margin-bottom: 19px;
	font-size: 24px;
	color: #333;
	margin-top: 24px;
}
main div.hot_product div.product_main{
	float: left;
	width: 1110px;
	height: 377px;
}
main div.hot_product div.product_main dl{
	float: left;
	background: #fff;
	margin-left: 14px;
}
main div.hot_product div.product_main dl.hp1{
	margin: 0;
}
main div.hot_product div.product_main dl dt img{
	width: 267px;
	height: 209px;
	margin-bottom: 50px;
}
main div.hot_product div.product_main dl dd{
	color: #333;
	margin-left: 5px;
	font-size: 12.5px;
}
main div.hot_product div.product_main dl dd.line1{
	width: 216px;
	margin-bottom: 35px;
}
main div.hot_product div.product_main dl dd.lf{
	margin-bottom: 18px;
}
main div.hot_product div.product_main dl dd.line2{
	color: #afafaf;
	font-size: 11px;
	margin-bottom: 15px;
}
main div.hot_product div.product_main dl dd.line3{
	color: #ff6709;
	margin-bottom: 15px;
	
}
main div.hot_product div.product_main dl dd.line3 a{
	border-right: 1px solid #b0b0b0;
	padding-right: 10px;
	margin-right: 10px;
	color: #333;
	font-size: 12.5px;
}
main div.hot_product div.product_main dl:hover{
	filter: drop-shadow(0 0 8px #a0a0a0);
	transform: translateY(-1px)w
}
/* ----------内容---------------- */
main div.classify{
	margin: 0 auto;
	width: 1110px;
	height: 500px;
}
main div.classify div.classify_top{
	float: left;
	width: 1110px;
	margin-bottom: 19px;
	font-size: 24px;
	color: #333;
	margin-top: 24px;
}
main div.classify div.classify_bottom{
	width: 1110px;
	height: 384px;
	float: left;
}
main div.classify div.classify_bottom dl{
	width: 266px;
	height: 384px;
	background: #fff;
	float: left;
	margin-left: 15px;
	text-align: center;
}
main div.classify div.classify_bottom dl.clb1{
	border-top: 1px solid #ffac13;
	margin-left: 0px;
}
main div.classify div.classify_bottom dl.clb2{
	border-top: 1px solid #83c44e;
}
main div.classify div.classify_bottom dl.clb3 {
	border-top: 1px solid #e53935;
}
main div.classify div.classify_bottom dl.clb4{
	border-top: 1px solid #2196f3;
}
main div.classify div.classify_bottom dl dd{
	text-align: center;
}
main div.classify div.classify_bottom dl dd.title1{
	color: #ffac13;
}
main div.classify div.classify_bottom dl dd.title2{
	color: #83c44e;
}
main div.classify div.classify_bottom dl dd.title3{
	color: #e53935;
}
main div.classify div.classify_bottom dl dd.title4{
	color: #2196f3;
}
main div.classify div.classify_bottom dl dd.tt{
	font-size: 16px;
	margin:50px 0 25px 0;
}
main div.classify div.classify_bottom dl dd.classify_title{
	font-size: 20px;
	color: #333;
	margin-top: 10px;
}
main div.classify div.classify_bottom dl dd.classify_content{
	margin-top: 20px;
	font-size: 12px;
	width: 172px;
	margin-left: 53px;
}
main div.classify div.classify_bottom dl dd.classify_price{
	font-size: 12px;
	color: #000;
	margin-top: 20px;
}
main div.classify div.classify_bottom dl dt{
	margin-top: 42px;
}
main div.classify div.classify_bottom dl dt img{
	margin-top: 7px;
}
main div.classify div.classify_bottom dl dt img.i1{
	margin-top: -32px;
}
main div.classify div.classify_bottom dl dt img.i2{
	margin-top: -32px;
}
main div.classify div.classify_bottom dl:hover{
	filter: drop-shadow(0 0 8px #a0a0a0);
	transform: translateY(-1px)w
}
/* ------视频----- */
main div.video{
	margin: 0 auto;
	width: 1110px;
	height: 310px;
}
main div.video div.video_top{
	margin-bottom: 19px;
	margin-top: 76px;
	font-size: 24px;
	color: #333;
}
main div.video div.video_top img{
	float: right;
}
main div.video div.video_top a{
	float: right;
	font-size: 18px;
	margin-right: 10px;
	color: #333;
}
main div.video div.video_bottom{
	width: 1110px;
	height: 261px;
}
main div.video div.video_bottom dl{
	width: 266px;
	height: 270px;
	float: left;
	background: #fff;
	margin-left: 15px;
}
main div.video div.video_bottom dl.vb1{
	margin-left: 0px;
}
main div.video div.video_bottom dl dt img{
	width: 266px;
	height: 164px;
}
main div.video div.video_bottom dl dd.video_line1{
	font-size: 14px;
	color: #333;
	margin-top: 30px;
	margin-bottom: 12px;
	text-align: center;
}
main div.video div.video_bottom dl dd.video_line2{
	font-size: 12px;
	text-align: center;
}
/* -------------------- */